<template>
  <div class="app-container">
    <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="150px" class="order-setting">
      <el-form-item label="极速订单超过：" prop="godTimeOut">
        <el-input v-model="formData.godTimeOut" :maxlength="11" :style="{width: '20%'}">
          <template slot="append">分</template>
        </el-input>
        <span class="number-text">未挑选大神付款，订单自动关闭</span>
      </el-form-item>
      <el-form-item label="极速订单取消超过：" prop="cancelIndex">
        <el-input v-model="formData.cancelIndex" :maxlength="11" :style="{width: '20%'}">
          <template slot="append">次</template>
        </el-input>
        <span class="number-text">当天不能下极速订单</span>
      </el-form-item>
      <el-form-item label="付款后超过：" prop="payTimeOut">
        <el-input v-model="formData.payTimeOut" :maxlength="11" :style="{width: '20%'}">
          <template slot="append">时</template>
        </el-input>
        <span class="number-text">订单自动完成</span>
      </el-form-item>
      <el-form-item size="large">
        <el-button type="primary" @click="submitForm">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import { getCatOrderSetting, updateCatOrderSetting } from "@/api/system/catOrderSetting";


export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {
        id:undefined,
        godTimeOut: '',
        cancelIndex: '',
        payTimeOut: '',
      },
      rules: {
        godTimeOut: [{
          required: true,
          message: '',
          trigger: 'blur'
        }, {
          pattern: /^[1-9]\d*$/,
          message: '格式为正整数',
          trigger: 'blur'
        }],
        cancelIndex: [{
          required: true,
          message: '',
          trigger: 'blur'
        }, {
          pattern: /^[1-9]\d*$/,
          message: '格式为正整数',
          trigger: 'blur'
        }],
        payTimeOut: [{
          required: true,
          message: '',
          trigger: 'blur'
        }, {
          pattern: /^[1-9]\d*$/,
          message: '格式为正整数',
          trigger: 'blur'
        }],
      },
    }
  },
  computed: {},
  watch: {},
  created() {
    this.init()
  },
  mounted() {},
  methods: {
    submitForm() {
      this.$refs['elForm'].validate(valid => {
        if (valid) {
          updateCatOrderSetting(this.formData).then(response => {
            if (response.code === 200) {
              this.msgSuccess("设置成功");
            }
          });
        }
      })
    },
    init() {
      getCatOrderSetting().then(response => {
        if(response.data){
          this.formData = response.data;
        }
      });
    },
    resetForm() {
      this.$refs['elForm'].resetFields()
    },
  }
}

</script>
<style>
.order-setting{
  margin-left: 30%;
}
.number-text{
  margin-left: 15px;
}
</style>



// import { listCatOrderSetting, getCatOrderSetting, delCatOrderSetting, addCatOrderSetting, updateCatOrderSetting, exportCatOrderSetting } from "@/api/system/catOrderSetting";

// export default {
//   name: "CatOrderSetting",
//   data() {
//     return {
//       // 遮罩层
//       loading: true,
//       // 选中数组
//       ids: [],
//       // 非单个禁用
//       single: true,
//       // 非多个禁用
//       multiple: true,
//       // 总条数
//       total: 0,
//       // 系统订单设置表格数据
//       catOrderSettingList: [],
//       // 弹出层标题
//       title: "",
//       // 是否显示弹出层
//       open: false,
//       // 查询参数
//       queryParams: {
//         pageNum: 1,
//         pageSize: 10,
//         godTimeOut: undefined,
//         cancelIndex: undefined,
//         payTimeOut: undefined
//       },
//       // 表单参数
//       form: {},
//       // 表单校验
//       rules: {
//         godTimeOut: [
//           { required: true, message: "未挑选大神付款超市（分）不能为空", trigger: "blur" }
//         ],
//         cancelIndex: [
//           { required: true, message: "订单取消最大次数（次/天）不能为空", trigger: "blur" }
//         ],
//         payTimeOut: [
//           { required: true, message: "订单自动完成(时)不能为空", trigger: "blur" }
//         ]
//       }
//     };
//   },
//   created() {
//     this.getList();
//   },
//   methods: {
//     /** 查询系统订单设置列表 */
//     getList() {
//       this.loading = true;
//       listCatOrderSetting(this.queryParams).then(response => {
//         this.catOrderSettingList = response.rows;
//         this.total = response.total;
//         this.loading = false;
//       });
//     },
//     // 取消按钮
//     cancel() {
//       this.open = false;
//       this.reset();
//     },
//     // 表单重置
//     reset() {
//       this.form = {
//         id: undefined,
//         godTimeOut: undefined,
//         cancelIndex: undefined,
//         payTimeOut: undefined
//       };
//       this.resetForm("form");
//     },
//     /** 搜索按钮操作 */
//     handleQuery() {
//       this.queryParams.pageNum = 1;
//       this.getList();
//     },
//     /** 重置按钮操作 */
//     resetQuery() {
//       this.resetForm("queryForm");
//       this.handleQuery();
//     },
//     // 多选框选中数据
//     handleSelectionChange(selection) {
//       this.ids = selection.map(item => item.id)
//       this.single = selection.length!=1
//       this.multiple = !selection.length
//     },
//     /** 新增按钮操作 */
//     handleAdd() {
//       this.reset();
//       this.open = true;
//       this.title = "添加系统订单设置";
//     },
//     /** 修改按钮操作 */
//     handleUpdate(row) {
//       this.reset();
//       const id = row.id || this.ids
//       getCatOrderSetting(id).then(response => {
//         this.form = response.data;
//         this.open = true;
//         this.title = "修改系统订单设置";
//       });
//     },
//     /** 提交按钮 */
//     submitForm: function() {
//       this.$refs["form"].validate(valid => {
//         if (valid) {
//           if (this.form.id != undefined) {
//             updateCatOrderSetting(this.form).then(response => {
//               if (response.code === 200) {
//                 this.msgSuccess("修改成功");
//                 this.open = false;
//                 this.getList();
//               }
//             });
//           } else {
//             addCatOrderSetting(this.form).then(response => {
//               if (response.code === 200) {
//                 this.msgSuccess("新增成功");
//                 this.open = false;
//                 this.getList();
//               }
//             });
//           }
//         }
//       });
//     },
//     /** 删除按钮操作 */
//     handleDelete(row) {
//       const ids = row.id || this.ids;
//       this.$confirm('是否确认删除系统订单设置编号为"' + ids + '"的数据项?', "警告", {
//           confirmButtonText: "确定",
//           cancelButtonText: "取消",
//           type: "warning"
//         }).then(function() {
//           return delCatOrderSetting(ids);
//         }).then(() => {
//           this.getList();
//           this.msgSuccess("删除成功");
//         }).catch(function() {});
//     },
//     /** 导出按钮操作 */
//     handleExport() {
//       const queryParams = this.queryParams;
//       this.$confirm('是否确认导出所有系统订单设置数据项?', "警告", {
//           confirmButtonText: "确定",
//           cancelButtonText: "取消",
//           type: "warning"
//         }).then(function() {
//           return exportCatOrderSetting(queryParams);
//         }).then(response => {
//           this.download(response.msg);
//         }).catch(function() {});
//     }
//   }
// };